<template>
  <div class="SelfAside wrap">
    <ul class="menuFar-list">
      <li class="menuFar-item"
          v-for="(item, index) in calcMenuList"
          :key="index">
        <div class="farTit-box flex2part"
             @click.stop="handleToggleIsActive(item)">
          <span>{{item.txt}}</span>
          <i v-if="item.childList.length > 0"
             class="arrow el-icon-arrow-up"
             :class="{active: item.isActive}"></i>
        </div>
        <ul class="menuChild-list"
            :class="{isAcitve: item.isActive}"
            :style="getHight(item)">
          <div class="ctx">
            <li class="menuChild-item"
                v-for="(itemChild, indexChild) in item.childList"
                :key="indexChild">
              <router-link class="asideRouterLink"
                           :to="itemChild.path">{{itemChild.txt}}</router-link>
            </li>
          </div>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data () {
    return {
      // 完整的侧边栏可选路由，在calcMenuList将做筛选
      menuList: [
        {
          txt: '待办任务',
          isActive: false,
          childList: [
            { txt: '待办任务管理', path: '/TaskPlanList' },
            { txt: '待办任务情况', path: '/BacklogTaskCase' },
            { txt: '待办任务', path: '/BacklogTask' }
          ]
        },
        {
          txt: '销售管理',
          isActive: false,
          childList: [
            { txt: '待跟进学员事项', path: '/WaitStudentItems' }, // 1
            { txt: '意向客户资源管理', path: '/IntentionalCustomersManage' }, // 2
            { txt: '催办管理', path: '/ManagePress' }, // 3
            { txt: '意向客户会签', path: '/IntentionalCustomersSign' }, // 4
            { txt: '品牌推广资源管理', path: '/BrandResourceSpread' }, // 5
            { txt: '合作商配置', path: '/CollaborativeConfigurationTable' }, // 6
            { txt: '合作商资源查询', path: '/CollaborativeResourceQuery' }, // 7
            { txt: '渠道客户登记管理', path: '/IntentionalCustomersDrive' }, // 8
            { txt: '电销排班管理', path: '/TelSalersTimeTable' }, // 9
            // {txt: '获客平台和上限配置', path: '/OptGetCustomersLimit'},
            { txt: '资源分配查询', path: '/ResourceAllocationQuery' }, // 10
            { txt: '获客平台和上限配置', path: '/NewPassengerConfiguration' }, // 11
            { txt: '资源自动分配查询', path: '/ResourceSelfAllocationQuery' }, // 12
            { txt: '电销资源管理', path: '/TelSalersResourceManage' }, // 13
            { txt: '电销分配', path: '/DistributeTelSalers' }, // 14
            { txt: '划转公海明细', path: '/TransferSeaDetails' }, // 15
            { txt: '电销公海管理', path: '/ManageSeaTelers' }, // 16
            { txt: '销售报备与签单', path: '/SaleReportAndSign' }, // 17
            { txt: '邀约分配', path: '/DistributeInvites' }, // 18
            { txt: '教练分配', path: '/CoachAllocation' }, // 19
            { txt: '营销排班管理', path: '/SaleSchedulingManagement' }, // 20
            { txt: '营销排班查看', path: '/SaleCheckScheduling' }, // 21
            { txt: '抢单管理', path: '/ManageRobbing' }, // 22
            { txt: '代签单管理', path: '/ManageAllograph' }, // 23
            { txt: '销售公海管理', path: '/ManageSeaSalers' }, // 24
            { txt: '转介绍资源公海', path: '/ReferralSeaTeler' }, // 25
            { txt: '我的销客', path: '/MyTradeDebtors' }, // 26
            { txt: '推荐有礼', path: '/RecommendGift' }, // 27
            { txt: '发票申请', path: '/InvoiceApply' }, // 28
            // {txt: '产品优惠活动管理', path: '/ManageProductDiscount'},
            { txt: '订单查询', path: '/OrderSearchQuery' }, // 29
            { txt: '签单审核', path: '/SignAuditing' }// 30

          ]
        },
        {
          txt: '驾培服务',
          isActive: false,
          childList: [
            { txt: '学员账号密码管理', path: '/managementAccountPasswordStudent' },
            { txt: '总部客服分配', path: '/HeadquartersCustomerServiceDistri' },
            { txt: '训练场客服分配', path: '/CustomerServiceDistri' },
            { txt: '学籍预注册', path: '/preRegisttation' },
            { txt: '视频学习', path: '/Registtation' },
            { txt: '科目一(旧)', path: '/SubjectOne' },
            { txt: '科目一', path: '/NewSubjectOne' },
            { txt: '科目二(旧)', path: '/SubjectTwo' },
            { txt: '科目二', path: '/NewSubjectTwo' },
            { txt: '科目三(旧)', path: '/SubjectThree' },
            { txt: '科目三', path: '/NewSubjectThree' },
            { txt: '科目四(旧)', path: '/SubjectFour' },
            { txt: '科目四', path: '/NewSubjectFour' },
            { txt: '学员结业管理', path: '/StudentUnionManagement' },
            { txt: '学员列表(旧)', path: '/StudentList' },
            { txt: '学员列表', path: '/studentOfList' },
            // { txt: '学员约车管理', path: '/TraineeManagement' },
            { txt: '练车学时管理', path: '/LearningManageCarTrainning' },
            { txt: '学费管理', path: '/TuitionManagement' },
            { txt: '咨询与投诉管理', path: '/ConsultationComplaintManagement' },
            { txt: '考试查询管理(旧)', path: '/ExaminationInquiryManagement' },
            { txt: '学员约考结果', path: '/StudentTestResults' },
            { txt: '考试查询管理', path: '/ExaminationQueryManagement' },
            { txt: '学员查询管理', path: '/StudentInquiryManagement' },
            { txt: '补考费管理', path: '/RemedialFeeManagement' },
            { txt: '客服/教练手机/微信维护', path: '/CustomerCoachWachat' },
            { txt: '科二约考名单', path: '/DrivingTwoAboutList' },
            { txt: '科二特殊加强学员', path: '/TwoSubjectSpecialIntensify' },
            { txt: '科三约考名单', path: '/DrivingThreeAboutList' },
            { txt: '消息推送查看', path: '/MessagePushView' }
          ]
        },
        {
          txt: '服务变更',
          isActive: false,
          childList: [
            { txt: '学籍转让申请', path: '/StatusTransferApply' },
            { txt: '学籍转让审核', path: '/StatusTransferReview' },
            { txt: '转场申请', path: '/YardTransferApply' },
            { txt: '转场审核', path: '/YardTransferReview' },
            { txt: '转场审核人配置', path: '/TransferReviewService' },
            { txt: '退学/退款申请', path: '/QuitApply' },
            { txt: '退学/退款审核', path: '/QuitReview' },
            { txt: '退学/退款审核（财务）', path: '/QuitReviewFinance' },
            { txt: '非驾培单退款申请', path: '/QuitApplyNoDriving' },
            { txt: '非驾培单退款审核', path: '/QuitReviewNoDriving' },
            { txt: '非驾培单退款审核（财务）', path: '/QuitReviewFinanceNoDriving' },
            { txt: '换班/换级申请', path: '/ChangeClassApply' },
            { txt: '换班/换级审核', path: '/ChangeClassReview' },
            { txt: '肄业再学申请', path: '/AfterLearnApply' },
            { txt: '肄业再学审核', path: '/AfterLearnReview' }
          ]
        },
        {
          txt: '驾培管理',
          isActive: false,
          childList: [
            { txt: '教练送考排班', path: '/CoachSentTheExamToClass' },
            { txt: '训练场管理', path: '/TrainingManagement' },
            { txt: '教练员管理', path: '/CoachManagement' },
            { txt: '教练考评管理', path: '/ManagementCoachEvaluation' },
            { txt: '考试场地', path: '/ExaminationSite' },
            { txt: '奖惩管理', path: '/RewardPunishmentManagement' },
            { txt: '奖惩审核', path: '/RewardPunishmentReview' },
            { txt: '驾培费用申请', path: '/ApplicationDrivingTraining' }
          ]
        },
        {
          txt: '车辆管理',
          isActive: false,
          childList: [
            { txt: '车辆基本信息', path: '/CarsBase' },
            { txt: '车辆流转申请', path: '/CarsExchangeApply' },
            { txt: '车辆流转审核', path: '/CarsExchangeReview' },
            { txt: '车辆查询管理', path: '/CarsSearch' }
          ]
        },
        {
          txt: '财务管理',
          isActive: false,
          childList: [
            { txt: '更改订单价格', path: '/OrderChange' },
            { txt: '产品管理', path: '/GoodsManage' },
            { txt: '产品优惠活动管理', path: '/ManageProductDiscount' },
            { txt: '产品属性配置', path: '/GoodsProps' },
            { txt: '电子合同', path: '/Econtact' },
            { txt: '收款查询', path: '/ReceiveSearch' },
            { txt: '线上支付确认', path: '/PayLineOn' },
            { txt: '线下支付确认', path: '/PayLineOff' },
            { txt: '现金支付确认', path: '/PayCash' },
            { txt: '现金支付送行提交', path: '/PayCashSend' },
            { txt: '送行记录查询', path: '/SendSearch' },
            { txt: '现金支付送行确认', path: '/CashSendConfirm' },
            { txt: '收款确认人配置', path: '/PayeeConfirmor' },
            { txt: '驾培费用模板', path: '/DrivingServiceFeeTemplet' },
            { txt: '补考费模板', path: '/MakeUpFeeTemplate' },
            { txt: '驾培费用审核', path: '/DrivingServiceFeeAuditing' },
            { txt: '驾培费用拨款', path: '/DrivingServiceFeeAppropriation' },
            // { txt: '收入结转', path: '/CarryOverIncome' },
            // { txt: '结转记录', path: '/CarryOverReward' },
            // { txt: '结转参数设置', path: '/CarryOverParams' },
            // { txt: '平台费查询', path: '/PlatformFeeSearch' },
            // { txt: '平台费参数设置', path: '/PlatformFeeParams' },
            { txt: '发票申请审核', path: '/InvoiceApplyAuditing' },
            { txt: '换班/级退款', path: '/ClassChangeRefund' }
          ]
        },
        {
          txt: '学员周期查询',
          isActive: false,
          childList: [
            { txt: '学员资料周期明细查询', path: '/StudentDataList' },
            { txt: '科一合格尾款催收名单', path: '/SubjectOneLastMoney' }
          ]
        },
        {
          txt: '架构管理',
          isActive: false,
          childList: [
            { txt: '公司架构管理', path: '/ManageCompany' },
            { txt: '角色管理', path: '/ManageRole' },
            { txt: '岗位管理', path: '/ManageJob' },
            { txt: '账号管理', path: '/ManageAccounts' }
          ]
        },
        {
          txt: '系统管理',
          isActive: false,
          childList: [
            { txt: '员工账号密码管理', path: '/managementAccountPasswordStaff' },
            { txt: '服务城市配置', path: '/OptCity' },
            { txt: '消息提醒规则设置', path: '/OptMsg' },
            { txt: '客户职业配置', path: '/OptCustomersJob' },
            { txt: '驾培费用项目配置', path: '/OptDrivingServiceFee' },
            { txt: '单证审核材料配置', path: '/OptMaterialsReview' },
            { txt: '分公司学员节点配置', path: '/StudentConfigurationBranchCompany' },
            { txt: '系统参数', path: '/SystemParams' },
            { txt: '支付方式管理', path: '/OptPay' },
            { txt: '分公司支付方式配置', path: '/OptPayBranch' },
            { txt: '获客平台配置', path: '/newOptGetCustomers' },
            { txt: '学员标签管理', path: '/OptStudentLabel' },
            { txt: '第三方渠道配置', path: '/ScanPartnersCode' }
          ]
        },
        {
          txt: '报表',
          isActive: false,
          childList: [
            { txt: '电销中心资源管理表', path: '/ElectricMarketingResourceManagementTable' },
            { txt: '电销中心渠道管理表', path: '/ElectricitySalesChannelManagementTable' },
            { txt: '电销中心业绩日报表', path: '/ElectricitySalesDepartmentDailyPerformanceReport' },
            { txt: '地接分配数据表', path: '/GroundAllocationDataTable' },
            { txt: '品牌中心资源月报表(旧)', path: '/PromotionSalesDataMonthlyReport' },
            { txt: '品牌中心资源月报表', path: '/NewPromotionSalesDataMonthlyReport' },
            { txt: '品牌中心资源日报表(旧)', path: '/PromotionSalesDataDayReport' },
            { txt: '品牌中心资源日报表', path: '/NewPromotionSalesDataDayReport' },
            { txt: '品牌中心其它资源报表', path: '/OtherResourcesReport' },
            { txt: '销售报备统计表', path: '/ReportForm' },
            { txt: '销售业绩统计表', path: '/PerformanceStatistics' },
            { txt: '业绩统计表', path: '/PerformanceStatisticsTable' },
            { txt: '考试记录统计表', path: '/StatisticsForExaminationRecords' },
            { txt: '训练场信息统计表', path: '/TrainingFieldInformationStatistics' },
            { txt: '训练场客服服务统计表', path: '/TrainingGroundCustomerServiceStatistics' },
            { txt: '分公司在培科目统计表', path: '/BranchCompanySubjectTable' },
            { txt: '投诉现象统计报表', path: '/ComplaintsPhenomenon' },
            { txt: '客服客诉排名', path: '/CustomerServiceRanking' },
            { txt: '部门客诉排名', path: '/OtherDepartmentComplateRank' },
            { txt: '训练场咨询投诉统计', path: '/StatisticsConsultingComplaintsTrainingGrounds' },
            { txt: '财务日报表', path: '/FinancialDailyReport' },
            // { txt: '业绩总表（总经理）', path: '/PerformanceGeneralManager' },
            // { txt: '业绩总表（总监）', path: '/PerformanceMajordomo' },
            // { txt: '业绩总表（经理）', path: '/PerformanceManager' },
            // { txt: '培训总表（总经理）', path: '/CultivateGeneralManager' },
            // { txt: '培训成绩总表（总监）', path: '/CultivateResultMajordomo' },
            // { txt: '培训过程总表（总监）', path: '/CultivateProcessMajordomo' },
            // { txt: '培训成绩明细表（总监）', path: '/CultivateResultDetailMajordomo' },
            // { txt: '培训过程明细表（总监）', path: '/CultivateProcessDetailMajordomo' },
            // { txt: '培训成绩总表（经理）', path: '/CultivateResultManager' },
            // { txt: '培训过程明细表（经理）', path: '/CultivateProcessDetailManager' },
            { txt: '销售部门资料统计', path: '/StatisticsSalesDepartments' },
            { txt: '单证收资料统计', path: '/StatisticsDocumentsReceived' },
            { txt: '资料流转统计', path: '/DataFlowStatistics' }
          ]
        },
        {
          txt: '考试时间表',
          isActive: false,
          childList: [
            { txt: '设置考试时间', path: '/SetExamTime' }
          ]
        },
        {
          txt: '客服管理',
          isActive: false,
          childList: [
            { txt: '单证审核', path: '/SZSignAuditing' },
            { txt: '学员列表', path: '/SZStudentList' },
            { txt: '训练场客服分配', path: '/SZCustomerServiceDistri' },
            { txt: '12123注册', path: '/SZRegisttation' },
            { txt: '科目一', path: '/SZSubjectOne' },
            { txt: '科目二', path: '/SZSubjectTwo' },
            { txt: '科目三', path: '/SZSubjectThree' },
            { txt: '科目四', path: '/SZSubjectFour' },
            { txt: '学员结业管理', path: '/SZStudentUnionManagement' },
            { txt: '学费管理', path: '/SZTuitionManagement' },
            { txt: '考试安排管理', path: '/SZexamManagement' },
            { txt: '咨询与投诉管理', path: '/SZConsultationComplaintManagement' },
            { txt: '考试查询管理', path: '/SZExaminationInquiryManagement' },
            { txt: '学员查询管理', path: '/SZStudentInquiryManagement' },
            { txt: '补考费管理', path: '/SZRemedialFeeManagement' }
          ]
        },
        {
          txt: '教练管理',
          isActive: false,
          childList: [
            { txt: '车辆管理', path: '/DirectCarBase' },
            { txt: '教练管理', path: '/DirectCoachManagement' },
            { txt: '训练场管理', path: '/DirectTraingGroundManagent' },
            { txt: '训练场合同模板', path: '/DrivingcontractTemplate' },
            { txt: '训练场合同协议', path: '/DrivingcontractProtoco' },
            { txt: '我的在培学员', path: '/MyTrainee' },
            { txt: '考试安排查询', path: '/SearchExamArrange' },
            { txt: '合格率排行', path: '/PassRateRanking' },
            { txt: '产品培训模式配置', path: '/ProductTrainingMode' },
            // { txt: '科二基础约车配置', path: '/twoBaseAboutSet' },
            { txt: '科二基础约车配置', path: '/twoBaseAboutSet' },
            { txt: '科二基础放位配置', path: '/twoBasicsSetConfig' },
            { txt: '科二基础排班管理', path: '/CoachSchedulingAudit' },
            { txt: '科二练车订单管理', path: '/PracticeCarOrder' },
            { txt: '科二意向练车学员', path: '/TwoIntentionDriving' },
            { txt: '学时充值管理', path: '/SZSchoolTopUp' },
            { txt: '科二基础在培名单', path: '/StudentsOnLineEvaluating' },
            { txt: '科二基础转测名单', path: '/TwocourseTesting' },
            { txt: '科二待测评名单', path: '/twoWaitEvaluating' },
            { txt: '合作场转顾问名单', path: '/CooperationShiftCounselor' },
            { txt: '科二基础测评', path: '/SubjectTwoEvaluating' },
            { txt: '科二基础名单管理', path: '/StudentsEvaluating' },
            { txt: '科二实车签到', path: '/twointensifyManagement' },
            { txt: '科二实车签到明细', path: '/twoIntensifySignDetails' },
            { txt: '学员练车扫码记录', path: '/SweepCodeRecord' },
            { txt: '科二约考名单', path: '/twoAboutList' },
            { txt: '科二看板', path: '/TwoSubjectsBillboard' },
            { txt: '科三基础排班模板', path: '/ThreeSubjectsBasicsSchedulingStencil' },
            { txt: '科三基础排班管理', path: '/ThreeSubjectsBasicsSchedulingManagement' },
            { txt: '科三教练放位安排表', path: '/ThreeSubjectsCoachPlace' },
            { txt: '科三基础练车明细表', path: '/ThreeSubjectsCoachPlaceDetailList' },
            { txt: '科三实车签到', path: '/threeIntensifyManagement' },
            { txt: '科三实车签到明细', path: '/threeIntensifySignDetails' },
            { txt: '科三约考名单', path: '/threeAboutList' },
            { txt: '科三考试名单', path: '/ThreeSubjectsExaminationList' },
            { txt: '科三看板', path: '/ThreeSubjectsBillboard' }
          ]
        },
        {
          txt: '测评管理',
          isActive: false,
          childList: [
            { txt: '科二测评放位配置', path: '/TwoSectionEvaluationDeploy' },
            { txt: '科二测评放位安排', path: '/TwoSectionEvaluationArrange' },
            { txt: '科二测评放位查看', path: '/TwoSectionEvaluationCheck' },
            { txt: '科二测评放位管理', path: '/TwoSectionEvaluationManage' }
          ]
        },
        {
          txt: '合作场管理',
          isActive: false,
          childList: [
            { txt: '基础教练结算管理', path: '/SettleAccounts' },
            { txt: '合作场费用查询', path: '/FieldExpensesQurey' },
            { txt: '合作场教练分配', path: '/CooperationFieldCoachDistribution' },
            { txt: '合作场费用管理', path: '/FieldExpensesManagement' },
            { txt: '合作场考试查询', path: '/FieldExamQuery' }
          ]
        },
        // 6月29
        {
          txt: '科三基础管理',
          isActive: false,
          childList: [
            { txt: '科三基础排班管理', path: '/ThreeCoachSchedulingAudit' },
            { txt: '科三练车订单管理', path: '/ThreePracticeCarOrder' },
            { txt: '科三基础名单查询', path: '/ThreeStudentsEvaluating' },
            { txt: '科三基础放位配置', path: '/ThreeBasicsSetConfig' }

          ]
        },
        {
          txt: '预约管理',
          isActive: false,
          childList: [
            { txt: '接送预约名单', path: '/PickUpAppointmentList' },
            { txt: '接送剩余人数', path: '/PickUpLastPeo' },
            { txt: '接送线路管理', path: '/PickUpLoadManagement' },
            { txt: '面签预约名单', path: '/SZFaceToFaceSign' },
            { txt: '面签信息配置', path: '/SZToSignConfiguration' },
            { txt: '面签剩余人数', path: '/SZSignRestFaceToFace' }
          ]
        },
        {
          txt: '学员评价管理',
          isActive: false,
          childList: [
            { txt: '在培学员评价记录', path: '/RecordsOfTraineesList' }
          ]
        },
        // {
        //   txt: '平台管理',
        //   isActive: false,
        //   childList: [
        //     { txt: '上线管理', path: '/SZOnlineManagement' }
        //   ]
        // },
        {
          txt: '前端信息管理',
          isActive: false,
          childList: [
            { txt: '消息管理', path: '/SZMessageManagement' },
            { txt: '广告管理', path: '/SZAdvertisingManagement' },
            { txt: '新闻资讯管理', path: '/SZNewsManagement' },
            { txt: '常见问题管理', path: '/SZProblemManagement' },
            { txt: '科目视频管理', path: '/SZVideoManagement' },
            { txt: '资料准备维护', path: '/SZDataConfiguration' },
            { txt: '档案自取地址配置', path: '/SZFileAddressConfig' },
            { txt: '科三练车地点维护', path: '/SZFileSection3TrainingSiteMaintenance' }
          ]
        },
        {
          txt: '单证管理',
          isActive: false,
          childList: [
            { txt: '学员资料查询', path: '/StudentInformationQuery' },
            { txt: '单证审核列表', path: '/DocumentsReview' },
            { txt: '学员资料审核', path: '/StudentDataAudit' },
            { txt: '登记已录交委系统', path: '/RegisteredSubmissionCommittee' },
            { txt: '登记已录省网系统', path: '/RegistrationEntryProvincial' },
            { txt: '登记提交车管所', path: '/RegistrationVehicleAdministration' },
            { txt: '录入流水号', path: '/InputStreamNumber' }
          ]
        },
        {
          txt: '赴考直通车',
          isActive: false,
          childList: [
            { txt: '送考名单', path: '/SendTestList' },
            { txt: '住宿名单', path: '/AccommodationList' },
            { txt: '送考通告', path: '/PushMessage' },
            { txt: '意见箱', path: '/SuggestionBox' }
          ]
        },
        {
          txt: '活动管理',
          isActive: false,
          childList: [
            { txt: '活动列表', path: '/StartLucky' },
            { txt: '礼品名单查询', path: '/giftList' }
            // { txt: '活动设置', path: '/Lottery' }
          ]
        }
      ]
    }
  },
  computed: {
    // 滤掉没有权限的路由
    calcMenuList () {
      let filterChildList = this.menuList.map(item => {
        return {
          ...item,
          childList: item.childList.filter(itemChild => {
            return this.$store.state.auth.dynamicRouteList
              .some(itemRoute => this.compareRoutePath(itemChild.path, itemRoute.path))
          })
        }
      })
      let filterFarList = filterChildList.filter(item => item.childList.length > 0)
      return filterFarList
    }
  },
  watch: {
    // 刷新、其他非点击侧边栏方式路由跳转时自动展开对应菜单
    '$route.path' (curPath) {
      let find = this.menuList.find(item => {
        return item.childList.find(itemChild => {
          return this.compareRoutePath(itemChild.path, curPath)
        })
      })
      if (find) {
        this.handleToggleIsActive(find, true)
      }
    }
  },
  methods: {
    handleToggleIsActive (curItem, newIsActive) {
      let find = this.menuList.find(item => item.txt === curItem.txt)
      this.$set(find, 'isActive', newIsActive || !find.isActive)
    },
    // 为了缓动动画JS地设置高度
    getHight (curItem) {
      this.$nextTick(() => {
        let findIndex = this.calcMenuList.findIndex(item => item.txt === curItem.txt)
        let domNodeList = document.querySelectorAll('.menuChild-list')[findIndex]
        let domNodeCtx = domNodeList.querySelector('.ctx')
        domNodeList.style.height = curItem.isActive ? domNodeCtx.clientHeight + 'px' : 0
      })
    }
  }
}
</script>

<style scoped rel="stylesheet/scss" type="text/scss" lang="scss">
@import "~@/assets/css/public.scss";

.SelfAside {
  flex: 0 180px;
  width: 180px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.SelfAside::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.menuFar-list {
  width: 100%;
}

.menuFar-item {
  width: 100%;
}

.farTit-box {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  background-color: #{$c-slide-1st};
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  &:hover {
    background-color: #089569;
  }
  .arrow {
    transition: transform 0.7s;
    &.active {
      transform: rotate(180deg);
    }
  }
}

.menuChild-list {
  overflow: hidden;
  transition: height 0.7s;
  .menuChild-item {
  }
}

.asideRouterLink {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 0 16px;
  background-color: #{$c-eee};
  &:hover {
    background-color: #{$c-slide-2st};
  }
  &.router-link-active {
    color: #fff;
    background-color: #898989;
  }
}
</style>
